@baseRem: 30rem;
@borderColorDefault: #DBDBDB;
@spacingDefault: .5rem;
@baseColor:#333;
@maxWidth: 960px;
/*common-start*/
.clearfix::after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    clear: both;
}
a{
    text-decoration: none;

}
a:link,a:active,a:visited{
    color: @baseColor;
}
.sec-wrapper{
    margin-bottom: 13/@baseRem;
    background: #FFF;
}
.page-container{
    width: 100%;
    max-width: @maxWidth;
    margin: 0 auto;
  }
.common-border{
    border-color: @borderColorDefault;
    border-style: solid;
    border-width: 0;
    &.top{
        border-top-width: 1px;
    }
    &.right{
        border-right-width: 1px;
    }
    &.bottom{
        border-bottom-width: 1px;
    }
    &.left{
        border-left-width: 1px;
    }
}
.vertical-bar{
    display: inline-block;
}
.inline-text-item{   
    margin-left: 6/@baseRem;
    vertical-align: middle;
}
/*common-end*/


.fixed-bar-top{
    z-index: 999;
    height: 46/@baseRem;
    line-height: 46/@baseRem;
    position: fixed;
    overflow: hidden;
    width: 100%;
    max-width: @maxWidth;
    box-sizing: border-box;
    padding: 0 12px;
    top: 0;
    font-size: 20/@baseRem;
    background-color:rgba(176, 22, 21, .8);
    color: #FFF;
}
.anchor-item{
    height: 46/@baseRem;
    line-height: 46/@baseRem;
}
.fixed-top-wrapper{
    position: absolute;
}
.banner-item{
    height: 272/@baseRem;
    position: relative;
}
.banner-item img{
    display: block;
    width:100%;
    height: 272/@baseRem;
}
.banner-item span{
    width: 100%;
    padding-left: 16/@baseRem;
    color: #FFF;
    position: absolute;
    background: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));
    bottom: 0;
    font-size: 20/@baseRem;
    line-height: 60/@baseRem;
}
.am-wingblank.am-wingblank-lg{/*覆盖antd轮播图盒子样式*/
    margin: 0;
}
.am-carousel-wrap{/*覆盖antd轮播图激活点样式*/
    text-align: right;
}
.nav-flex-item{
    line-height: 76/@baseRem;
    text-align: center;   
    font-size: 20/@baseRem; 
    &:not(:last-child){
        border-right: 1px solid @borderColorDefault;
    }
}
.nav-icon{
    display: inline-block;
    width: 38/@baseRem;
    height: 38/@baseRem;
    margin-bottom: 4/@baseRem;
    vertical-align: middle;
}
.nav-text{
    padding-left: 6/@baseRem;
}
.nav .am-flexbox:not(:last-child){
    border-bottom: 1px solid @borderColorDefault;
}
.sec-title{
    padding: 0 @spacingDefault;
    line-height: 59/@baseRem;
    .sec-title-icon{
        vertical-align: middle;
    }
}
.sec-title-left .inline-text-item{
    font-size: 19/@baseRem;
}
.sec-title-right .inline-text-item{
    font-size: 16/@baseRem;
    color: #999;
}
.news .sec-title-icon{
    width: 19/@baseRem;
    height: 19/@baseRem;
}
.audio .sec-title-icon{
    width: 19/@baseRem;
    height: 19/@baseRem;
}
.hardwares .sec-title-icon{
    width: 19/@baseRem;
    height: 26/@baseRem;
}
.new-phone .sec-title-icon{
    width: 19/@baseRem;
    height: 25/@baseRem;
}
.softwares .sec-title-icon{
    width: 19/@baseRem;
    height: 13/@baseRem;
}
.artical-link{
    display: flex;
    padding: @spacingDefault;
}
.artical-link-img{
    display: inline-block;
    width: 106/@baseRem;
    height: 80/@baseRem;
}
.artical-link-title{
    font-size: 20/@baseRem;
    padding-left: @spacingDefault;
}

#toTopBtn{
    position: fixed;
    right: 10/@baseRem;
    bottom: 36/@baseRem;
}